<script>
export default {
    name: "TitleItem",
    props: {
        title: {
            type: String,
            required: true,
            default: 0
        },
    },
    methods: {
        onShowMore() {
            this.$emit('onShowMore')
        }
    }
}

</script>

<template>
    <view class="flex between item-center" style="margin-top: 40rpx; margin-bottom: 30rpx">
        <view class="text" style="font-weight: 500">{{ title }}</view>
        <view class="describe-text flex item-center" @click="onShowMore">
            更多
            <u-icon color="#999" name="arrow-right" size="20rpx"/>
        </view>
    </view>
</template>

<style scoped>

</style>
